<template>
  <div>
      <!-- 引入面包屑组件 -->
      <BreadCrumbElement></BreadCrumbElement>
      <h3>用户管理</h3>
      <SearchElement @getData='handerData'></SearchElement>
      <el-button type="primary" @click="VisibleDialog=true">新建</el-button>
      <!-- 导入对话框 -->
      <AddDialog :visible.sync='VisibleDialog'></AddDialog>
      <!-- 导入列表 -->
      <MyList :listData='listData'></MyList>
      <div style="float:right;">
            <el-pagination
                background
                layout="prev, pager, next,sizes"
                :total="100">
            </el-pagination>
      </div>

  </div>
</template>

<script>
import BreadCrumbElement from './Breadcrumb'
import SearchElement from './Search'
import AddDialog from './AddDialog'
import MyList from './List'

export default {
    components:{
        // 映射组件
        BreadCrumbElement,
        SearchElement,
        AddDialog,
        MyList,

    },
    data(){
        return{
            VisibleDialog:false,
            listData:[{'id':1,'super':'false','name':'韩巍巍'},{'id':2,'super':'true','name':'王磊'}]
        }
    },
    methods:{
        handerData(data){
            alert(data)
        }
    }
}
</script>

<style>

</style>